
    let oUl = document.querySelector(".box2_l ul")
    let liDom = document.querySelectorAll(".box2_l li");
    for(var i=0;i<liDom.length;i++){
        liDom[i].index = i;

        //鼠标移入
        liDom[i].onmousemove = function(){
            for(var j=0;j<liDom.length;j++){
                 if(j<=this.index){
                     liDom[j].style.backgroundPositionY='-28px';

                 }else{
                    liDom[j].style.backgroundPositionY=0;
                 }
            }
        }
       //鼠标移出
         liDom[i].onmouseout = function(){
             for(var n=0; n<liDom.length;n++){
                 liDom[n].style.backgroundPosition = '0 0';
             }
         }
//点击
         liDom[i].onclick = function(){
             this.onmouseout = null;
         }


    }
